<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>创意3D坊</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/bootstrap.css" rel="stylesheet" /><!-- 引入bootstrap样式文件 -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"><!-- 引入bootstrap图标库 -->
        <link rel="stylesheet" type="text/css" href="css/index.css"/>		<!-- 引入自己写的样式文件 -->
	</head>
	<body>
		<!-- 导航栏 -->
		<div class="fixed-top" style="background-color: rgba(255, 255, 255, 0.8);">
			<nav class="navbar navbar-expand-xl navbar-dark">
				<a class="navbar-brand ml-5" href="index.html"><img src="img/icon.png" height="60px" width="60px"></a>
				<div style="font-size: 30px;float: left;margin-top: 0;margin-left: 1%;color: rgb(68, 16, 243);font-weight: bold;">3D创意坊</div>
				<!-- 显示折叠的按钮 -->
				<button type="button" class="btn btn-secondary navbar-toggler" data-toggle="collapse"
					data-target="#sample1"><span class="navbar-toggler-icon"></span></button>
				<!-- 折叠隐藏的部分 -->
				<div class="collapse navbar-collapse" id="sample1">
					<!-- 左侧 -->
					<ul class="navbar-nav px-5 mr-5">
						<li class="nav-item mr-4"><a href="admin.html" class="nav-link text-secondary">首页</a></li>
						<li class="nav-item mr-4 dropdown">
							<a href="" class="nav-link dropdown-toggle text-secondary" data-toggle="dropdown">课程</a>
							<ul class="dropdown-menu">
								<li><a href="" class="dropdown-item">幼儿编程</a></li>
								<li><a href="" class="dropdown-item">3D打印</a></li>
								<li><a href="introduce.html" class="dropdown-item">AI大讲堂</a></li>
							</ul>
						</li>
						<li class="nav-item mr-4"><a href="" class="nav-link text-secondary">项目</a></li>
						<li class="nav-item mr-4 dropdown">
							<a href="" class="nav-link dropdown-toggle text-secondary" data-toggle="dropdown">工具</a>
							<ul class="dropdown-menu">
								<li><a href="" class="dropdown-item">在线工具</a></li>
								<li><a href="" class="dropdown-item">特色工具</a></li>
							</ul>
						</li>
						<li class="nav-item mr-4 dropdown">
							<a href="" class="nav-link dropdown-toggle text-secondary" data-toggle="dropdown">活动</a>
							<ul class="dropdown-menu">
								<li><a href="" class="dropdown-item">校园赛事</a></li>
								<li><a href="" class="dropdown-item">勋章馆</a></li>
								<li><a href="" class="dropdown-item">擂台pk</a></li>
								<li><a href="" class="dropdown-item">大众评审团</a></li>
							</ul>
						</li>
						<li class="nav-item mr-4 dropdown">
							<a href="shop.html" class="nav-link dropdown-toggle text-secondary" data-toggle="dropdown">商城</a>
							<ul class="dropdown-menu">
								<li><a href="shop.html" class="dropdown-item">官方商城</a></li>
								<li><a href="shop.html" class="dropdown-item">模型商店</a></li>
							</ul>
						</li>
					</ul>
					<form class="form-inline" onsubmit="alert('搜索功能尚未实现')">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="站内搜索" />
							<div class="input-group-append">
								<button class="btn btn-sm btn-dark" type="submit"><i class="bi bi-search"></i></button>
							</div>
						</div>
					</form>
					<!-- 右侧 -->
					<div class="myself ml-auto mt-3 mr-5">
						<p><i class="bi bi-phone mr-4"
								style="cursor: pointer; color:rgb(0, 0, 0) ; font-size: 33px;"
								data-toggle="tooltip" data-placement="bottom" data-html="true"
								title="<hr><img src='img/vx.jpg' width='170px' heigh='200px'><p class='tipcolor'>扫码添加站长微信<img src='img/polo.gif'></p>"></i>
								<img src="img/tx.png" width="40px">&nbsp&nbsp&nbsp&nbsp亲爱的管理员，欢迎
								<a href="index.html" class="login">&nbsp&nbsp&nbsp&nbsp退出</a>
						</p>
						</span>
					</div>
				</div>
			</nav>
		</div>
		<!-- 霸屏 -->
		<div class="big">
			<img src="img/bapin.jpg" class="w-100" loop="loop" muted="muted" autoplay="autoplay" height="700px"></img>
			<a class="animate-bounce-down" href="#content"><i class="bi bi-chevron-double-down"
					style="font-size: 40px;"></i></a>
		</div>
		<!-- 主体 -->
		<div class="content container mt-4" id="content">
			<div class="row">
				<!-- 左侧轮播图 -->
				<div class="col-xl-7">
					<div class="carousel slide " id="sample" data-interval="2000" data-ride="carousel">
						<!-- 1. 轮播的内容 -->
						<div class="carousel-inner">
							<!-- 第1页 -->
							<div class="carousel-item active">
								<img src="img/轮播1.jpg"  width="1000px" height="340px">
							</div>
							<!-- 第2页 -->
							<div class="carousel-item">
								<img src="img/轮播2.jpg"  width="1000px" height="340px">
							</div>
							<!-- 第3页 -->
							<div class="carousel-item">
								<img src="img/轮播3.png"  width="1000px" height="340px">
							</div>
							<!-- 第4页 -->
							<div class="carousel-item">
								<img src="img/轮播4.webp"  width="1000px" height="340px">
							</div>
							<!-- 第5页 -->
							<div class="carousel-item">
								<img src="img/轮播5.webp"  width="1000px" height="340px">
							</div>
						</div>

						<!-- 2. 轮播下方指示器（可选项，一般都会使用） -->
						<div class="carousel-indicators">
							<div class="active" data-target="#sample" data-slide-to="0">
								<p>热门推荐</p>
							</div>
							<div data-target="#sample" data-slide-to="1">
								三维设计
							</div>
							<div data-target="#sample" data-slide-to="2">
								人工智能
							</div>
							<div data-target="#sample" data-slide-to="3">
								激光切割
							</div>
							<div data-target="#sample" data-slide-to="4">
								每周精选
							</div>
						</div>
						<!-- 3. 前后切换控制项（可选项） -->
						<a href="#sample" class="carousel-control-prev" data-slide="prev"><span
								class="carousel-control-prev-icon"></span></a>
						<a href="#sample" class="carousel-control-next" data-slide="next"><span
								class="carousel-control-next-icon"></span></a>
					</div>
				</div>
				<!-- 右侧边栏分页式导航+tab切换栏+列表组 -->
				<div class="col-xl-5">
					<!-- 第1部分：导航 -->
					<!-- 两端对齐的分页式导航 -->
					<ul class="nav nav-tabs nav-justified">
						<li class="nav-item"><a href="#all" data-toggle="tab" class="nav-link active">综合</a></li>
						<li class="nav-item"><a href="#notice" data-toggle="tab" class="nav-link">公告</a></li>
						<li class="nav-item"><a href="#competition" data-toggle="tab" class="nav-link">课程</a>
						</li>
						<li class="nav-item"><a href="#method" data-toggle="tab" class="nav-link">赛事</a></li>
						<li class="nav-item"><a href="#community" data-toggle="tab" class="nav-link">社区</a></li>
					</ul>

					<!-- 第2部分：选项卡面板：列表组 -->
					<div class="tab-content">
						<!-- 综合 -->
						<div class="tab-pane fade show active list-group list-group-flush" id="all">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">开学第一周高质量教学攻略</a>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									武汉二十中公开课《托物寄情》
								</a><em class="text-secondary float-right">12-28</em></p>
							<p class="text-secondary list-group-item"><span
									class="badge badge-green mr-4">赛事</span><a class="text-decoration-none"
									href="javascript:;">
									2024年全国青少年人工智能创新实践活动
								</a><em class="text-secondary float-right">12-26</em></p>
							<p class="text-secondary list-group-item"><span
									class="badge badge-green mr-4">赛事</span><a class="text-decoration-none"
									href="javascript:;">
									全国青少年通信科技创新大赛智能配送挑战赛
								</a><em class="text-secondary float-right">12-23</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									关于举办2024年全国师生信息素养提升实践活动的通知
								</a><em class="text-secondary float-right">12-17</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-gold mr-4">公告</span><a class="text-decoration-none"
									href="javascript:;">
									关于遴选第三批中小学人工智能教育培训师与培训基地的通知
								</a><em class="text-secondary float-right">12-16</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>

						<!-- 公告 -->
						<div class="tab-pane fade show list-group list-group-flush" id="notice">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">人工智能课程助力高中生工程素养培育</a>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									关于举办2024年全国师生信息素养提升实践活动的通知
								</a><em class="text-secondary float-right">12-17</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									关于遴选第三批中小学人工智能教育培训师与培训基地的通知
								</a><em class="text-secondary float-right">12-16</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									关于总结2023年全国师生信息素养提升实践活动参与情况的通知
								</a><em class="text-secondary float-right">12-15</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">公告</span><a
									class="text-decoration-none" href="javascript:;">
									关于开展“央馆人工智能课程”规模化应用第二期试点工作交流活动的通知
								</a><em class="text-secondary float-right">12-15</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-gold mr-4">公告</span><a class="text-decoration-none"
									href="javascript:;">
									关于公布第二批“央馆人工智能课程”应用试点区新增试点校名单的通知
								</a><em class="text-secondary float-right">12-10</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>
						<!-- 课程 -->
						<div class="tab-pane fade show list-group list-group-flush" id="competition">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">武汉二十中公开课《托物寄情》</a>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									[硬核科普]一次看懂人工智能
								</a><em class="text-secondary float-right">12-25</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									[学习经历]如何入门3D打印
								</a><em class="text-secondary float-right">12-25</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									python导论(全集)
								</a><em class="text-secondary float-right">12-24</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									[趣味知识]5分钟快速了解USB接口
								</a><em class="text-secondary float-right">12-24</em></p>
								<p class="text-secondary list-group-item"><span class="badge badge-orange mr-4">视频</span><a
									class="text-decoration-none" href="javascript:;">
									[硬核科普]什么是3D打印
								</a><em class="text-secondary float-right">12-24</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>
						<!-- 赛事 -->
						<div class="tab-pane fade show list-group list-group-flush" id="method">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">2024年全国青少年人工智能创新实践活动</a>
							<p class="text-secondary list-group-item"><span class="badge badge-green mr-4">赛事</span><a
									class="text-decoration-none" href="javascript:;">
									全国青少年通信科技创新大赛智能配送挑战赛
								</a><em class="text-secondary float-right">12-23</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-green mr-4">赛事</span><a
									class="text-decoration-none" href="javascript:;">
									第七届全国青少年人工智能创新挑战赛虚拟仿真平台创新设计专项赛
								</a><em class="text-secondary float-right">12-20</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-green mr-4">赛事</span><a
									class="text-decoration-none" href="javascript:;">
									第七届全国青少年人工智能创新挑战赛太空天梯工程设计专项赛
								</a><em class="text-secondary float-right">12-19</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-green mr-4">赛事</span><a
									class="text-decoration-none" href="javascript:;">
									AI创新教学案例征集
								</a><em class="text-secondary float-right">12-16</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-green mr-4">赛事</span><a class="text-decoration-none"
									href="javascript:;">
									AI工程实践
								</a><em class="text-secondary float-right">12-13</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>
						<!-- 社区 -->
						<div class="tab-pane fade show list-group list-group-flush" id="community">
							<a class="list-first text-decoration-none  list-group-item"
								href="javascript:;">开学第一周高质量教学攻略</a>
							<p class="text-secondary list-group-item"><span class="badge badge-lightblue mr-4">教程</span><a
									class="text-decoration-none" href="javascript:;">
									Cloud 3D One [自由创作] 常用快捷键
								</a><em class="text-secondary float-right">12-24</em></p>
							<p class="text-secondary list-group-item"><span
									class="badge badge-lightblue mr-4">教程</span><a class="text-decoration-none"
									href="javascript:;">
									[新学期必看]老师如何自动批量注册学生账户
								</a><em class="text-secondary float-right">12-24</em></p>
							<p class="text-secondary list-group-item"><span class="badge badge-gold mr-4">新闻</span><a
									class="text-decoration-none" href="javascript:;">
									[社区功能上新啦]模型在线拆拆拆！改改改！
								</a><em class="text-secondary float-right">12-23</em></p>
							<p class="text-secondary list-group-item"><span
									class="badge badge-gold mr-4">新闻</span><a class="text-decoration-none"
									href="javascript:;">
									《鱼跃鸢飞，未来在此刻》社区八周年——致全体用户
								</a><em class="text-secondary float-right">12-22</em></p>
							<p class="text-secondary list-group-item border-bottom-0"><span
									class="badge badge-gold mr-4">新闻</span><a class="text-decoration-none"
									href="javascript:;">
									教培机构看过来->寻找100位合伙人
								</a><em class="text-secondary float-right">12-21</em></p>
							<p class="list-group-item list-last text-secondary border-bottom-0 text-center">阅读更多<a
									class="text-decoration-none" href="javascript:;">最新资讯<i
										class="bi bi-arrow-right-short" style="font-size: 15px;"></i></a></p>
						</div>
					</div>
				</div>
			</div>
			<!-- 主体第二部分 -->
			<div class="row mt-5">
				<!-- 左侧边栏热门活动：卡片组 -->
				<div class="col-xl-7">
					<h4>
						<div class="mr-3 mt-2"
							style="height: 25px;width: 4px;background-color:#0da0b4;display: inline-block;"></div>热门活动
					</h4>
					<div class="row">
						<div class="col-md-3 col-6">
							<div class="card border-0" style="width: 12rem;">
								<img class="card-img-top border-0" src="img/AI交互.png" height="206px">
								<div class="card-body">
									<p class="card-text">AI交互设计</p>
									<p style="margin-bottom: 0; color: rgb(29,166,186);">1天后结束<span
											class="float-right badge badge-gold-fill"
											style="color: whitesmoke;font-family: '微软雅黑';">NEW</span></p>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="card border-0" style="width: 12rem;">
								<img class="card-img-top border-0" src="img/AI艺术.png" height="206px">
								<div class="card-body">
									<p class="card-text">AI艺术生成</p>
									<p style="margin-bottom: 0; color: rgb(29,166,186);">今天结束<span
											class="float-right badge badge-red-fill"
											style="color: whitesmoke;font-family: '微软雅黑';">HOT</span></p>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="card border-0" style="width: 12rem;">
								<img class="card-img-top border-0" src="img/AI算法.png" height="206px">
								<div class="card-body">
									<p class="card-text">AI算法挑战</p>
									<p style="margin-bottom: 0; color: rgb(29,166,186);">15天后结束<span
											class="float-right badge badge-red-fill"
											style="color: whitesmoke;font-family: '微软雅黑';">HOT</span></p>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-6">
							<div class="card border-0" style="width: 12rem;">
								<img class="card-img-top border-0" src="img/AI工程.png" height="206px">
								<div class="card-body">
									<p class="card-text">AI工程实践</p>
									<p style="margin-bottom: 0; color: rgb(29,166,186);">长期活动<span
											class="float-right badge badge-gold-fill"
											style="color: whitesmoke;font-family: '微软雅黑';">LONG</span></p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 右侧边栏：功能区 -->
				<div class="col-xl-5 mt-5">
					<div class="row">
						<div class="col-xl-8">
							<img src="img/startlearn.webp"width="414" height="182" autoplay muted loop title="点击开始学习" style="cursor: pointer;">
								<source src="img/startlearn.webp">
								</source>
							</img>
						</div>
						<div class="col-xl-4 ">
							<a href="fankui.html">
								<img class="mb-md-2" src="img/yijian.png" onmousemove="move(this)" onmouseleave="leave(this)"
									width="135px" height="87px" style="cursor: pointer;margin-left: 10px;">
									<!-- 实现图片切换的JS效果 -->
								<script>
									function move(img) {
										img.src = "img/yijianrukou.png";
									}

									function leave(img) {
										img.src = "img/yijian.png";
									}
								</script>
							</a>
							<!-- 弹出框 -->
							<a href="">
								<img src="img/zhinan.png" width="135px" height="87px" style="margin-left: 10px;">
							</a>
						</div>
					</div>
					<div class="row">
						<div class="col-12 mt-2">
							<div class="more">
								<p>
									<img src="img/kf.png">
									<span>在线客服</span>
								</p>
							</div>
							<div class="more">
								<p>
									<img src="img/book.png">
									<span>教材书籍</span>
								</p>
							</div>
							<div class="more">
								<p>
									<img src="img/yz.png">
									<span>在线编程</span>
								</p>
							</div>
							<div class="more">
								<p>
									<img src="img/comm-spr.png">
									<span>勋章馆</span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 页底一排图片 -->
		<div class="container my-5">
			<div class="row">
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/dibu1.png" width="210px" height="135px">
						<div class="imgbox-text">
							<p>Python和程序设计入门</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/dibu2.png" width="210px" height="135px">
						<div class="imgbox-text">
							<p>AI绘画探秘</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/dibu3.png" width="210px" height="135px">
						<div class="imgbox-text">
							<p>人脸识别与表情包制作</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/dibu4.png" width="210px" height="135px">
						<div class="imgbox-text">
							<p>探秘人工智能</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/dibu5.png" width="210px" height="135px">
						<div class="imgbox-text">
							<p>python编程基础</p>
						</div>
					</div>
				</div>
				<div class="col-xl-2 col-4">
					<div class="imgbox">
						<img src="img/dibu6.png" width="210px" height="135px">
						<div class="imgbox-text">
							<p>"大语音模型"开讲了</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 页底版权 -->
		<div style="background-color: rgb(251, 243, 255);" class="py-2 mt-2">
					<div >
						<p style="font-size: 16px; color: rgb(99, 64, 252);text-align: center;margin-top: 10px;">
							版权所有·创意3D坊 广东梅州市梅江区 邮编514011 粤ICP备12052657号
						</p>
					</div>	
		</div>
	</body>
	<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>

	<!-- 在页面上初始化所有提示框 -->
	<!-- 不加下方这段，不会启动提示框和弹出窗效果 -->
	<script type="text/javascript">
		$(function() {
			$('[data-toggle="tooltip"]').tooltip()
		})
		$(function() {
			$('[data-toggle="popover"]').popover()
		})
	</script>
</html>
